import React, { Component, useState } from 'react'
import { Drawer, Button } from 'antd';
import { PageContainer } from '@ant-design/pro-layout'
import ProForm, { ProFormDatePicker, ProFormText, ProFormSelect } from "@ant-design/pro-form";
import Timer from './time'
import './index.less'

import { connect } from 'umi'

@connect(({ test }) => ({
    test: test.test
}))
class EditableTagGroup extends Component {
    state = {

    };

    render() {
        let a = [1, 2, 3, 4, 5, 6, 7, 8, 9];
        return (
            <>
                <PageContainer>
                    {
                        a.map((item, index) => {
                            return <div className="testDiv">
                                <Timer 
                                // size={150} 
                                background="#fff" 
                                coverBackground="rgba(0, 0, 0, 0.397)"
                                coverContent = {
                                    <div>
                                        {index}
                                    </div>
                                }
                                >
                                    <div>
                                        内容
                                    </div>
                                </Timer >
                            </div>
                        })
                    }
                </PageContainer>
            </>
        );
    }
}

export default EditableTagGroup;